<!DOCTYPE html>
<html>
<head>
    <title>后台管理</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <!-- bootstrap -->
    <link href="css/bootstrap/bootstrap.css?dt=20180301" rel="stylesheet"/>
    <link href="css/bootstrap/datepicker.css" rel="stylesheet"/>
    <link href="css/bootstrap/bootstrap-responsive.css" rel="stylesheet"/>
    <link href="css/bootstrap/bootstrap-overrides.css" type="text/css" rel="stylesheet"/>
    <link href="css/bootstrap/bootstrap-datetimepicker.min.css" type="text/css" rel="stylesheet"/>

    <!-- libraries -->
    <link href="css/lib/jquery-ui-1.10.2.custom.css" rel="stylesheet" type="text/css"/>
    <link href="css/lib/font-awesome.css" type="text/css" rel="stylesheet"/>

    <!-- global styles -->
    <link rel="stylesheet" type="text/css" href="css/layout.css?dt=20170503"/>
    <link rel="stylesheet" type="text/css" href="css/elements.css"/>
    <link rel="stylesheet" type="text/css" href="css/icons.css"/>
    <link rel="stylesheet" type="text/css" href="css/ace.min.css?dt=201803012"/>
    <link rel="stylesheet" type="text/css" href="/js/pagination/jquery.pagination.css"/>

    <!-- this page specific styles -->
    <link rel="stylesheet" href="css/compiled/index.css" type="text/css" media="screen"/>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <style>
        .pagination li {
            line-height: 20px;
            list-style: none;
            float: left;
        }

        .pagination .active a {
            background-color: #30b6d7;
        }

        .evaluteSpan {
            width: 130px;
            height: 24px;
            line-height: 24px;
            font-size: 12px;
            color: #6699ff;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .jian-step{
            float: left;
            margin-top: 2px;
            font-weight: 900;
            font-size: 1em;
            color: #0044cc;
        }
    </style>
</head>
<body>

<!-- navbar -->
<div class="navbar navbar-inverse">
    <div class="navbar-inner">
        <ul class="nav pull-right">
            <li class="settings hidden-phone">
                <a href="loginout.do" role="button">
                    <i class="icon-off"></i>
                </a>
            </li>
        </ul>
    </div>
</div>

<!-- end navbar -->
<div id="sidebar-nav">
    <ul id="dashboard-menu">
        <li class="active">
            <div class="pointer">
                <div class="arrow"></div>
                <div class="arrow_border"></div>
            </div>
            <a class="item" data-url="/task/list.do" id="task">
                <i class="icon-home"></i>
                <span>项目管理</span>
            </a>
        </li>
        <li>
            <a class="dropdown-toggle" class="item" data-url="/user/list.do">
                <i class="icon-group"></i>
                <span>用户管理</span>
            </a>
        </li>
        <li>
            <a class="dropdown-toggle" class="item" data-url="/contact/list.do">
                <i class="icon-user"></i>
                <span>联系人管理</span>
            </a>
        </li>
        <li>
            <a class="dropdown-toggle" class="item" data-url="/sysConfig/list.do">
                <i class="icon-edit"></i>
                <span>参数管理</span>
            </a>
        </li>
        <li>
            <a class="dropdown-toggle" class="item" data-url="/secUser/list.do">
                <i class="icon-cogs"></i>
                <span>后台管理</span>
            </a>
        </li>
    </ul>
</div>
<!-- end sidebar -->
<!-- main container -->
<div class="content" id="main-content">
</div>
<script src="/js/jquery-2.0.3.min.js"></script>
<script src="/js/ace.min.js"></script>
<script src="/js/bootstrap.min.js"></script>
<script src="/js/bootstrap/bootstrap-datepicker.min.js"></script>
<script src="/js/bootstrap/bootstrap-datetimepicker.min.js"></script>
<script src="/js/layer.js"></script>
<script src="/js/comm.js"></script>
<script src="/js/pagination/jquery.pagination.js"></script>
<script src="/js/datagrid.js"></script>
<script src="/js/download.js"></script>
<script src="/js/bootstrap/bootstrap-datetimepicker.zh-CN.js"></script>
<script>
    window.onload = function () {
        $('#sidebar-nav').on('click', '.item', function () {
            var that = $(this);
            var url = that.attr('data-url');
            loadPage(url);
        });

        $('#task').trigger('click');
        $('#dashboard-menu > li').on('click', function () {
            if ($(this).hasClass('active')) {
                return;
            }
            $('#dashboard-menu > li.active').removeClass('active');
            $(this).addClass('active');
        });
    };

    function loadPage(url) {
        $('#main-content').load(url, {}, function (response, status, xhr) {
            if (status != 'success') {
                switch (xhr.status) {
                    case 403:
                        layer.msg("对不起，您无此访问权限！", {icon: 5});
                        break;
                    case 404:
                        layer.msg("对不起，无此页面！", {icon: 5});
                        break;
                    case 500:
                        layer.msg("内部错误，请联系管理员！", {icon: 5});
                        break;
                    case 504:
                        layer.msg("超时，请联系管理员！", {icon: 5});
                        break;
                }
            }
        });
    }
</script>
</body>
</html>